<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.0.0.js" ></script>
		<link rel="stylesheet" href="css/new_file.css" />
		
	</head>
	<body>
		<!--<input type="button" name="" id="" value="an" />
		<script>
			$("input").click(function(){
				document.title="wohalou"
			});
		</script>
		<p>halou1</p>
		<p>halou2</p>
		<p>halou3</p>
		<script>
			$(document).ready(function(){
				$("p").click(function(){
					$(this).hide();
				})
			})
		</script>-->
		
		<!--<input type="button" name="" id="" value="按钮" />
		<div style="background: saddlebrown;height: 100px;width: 100px;"></div>
		<script>
			$(document).ready(function(){
				$("input").click(function(){
					var div =$("div");
					div.animate({
						height:'400px',
						opacity:'0.4'
					},"slow");
					div.animate({
						width:'300px',
						opacity:'0.5'
					},"slow");
					div.animate({
						height:'100px',
						opacity:'0.4'
					},"slow");
					div.animate({
						width:'100px',
						opacity:'0.5'
					},"slow");
				});
			});
		</script>-->
		<span>
		<img src="img/TB20vFcbcaK.eBjSspjXXXL.XXa_!!71460541.jpg"/>
		<img src="img/TB2fD87bp5N.eBjSZFmXXboSXXa_!!71460541.jpg"class="dispaly"/>
	
		<ul class="two" >
			<li class="one"style="list-style: none;"></li>
			<li class="one"style="list-style: none;"></li>
			
		</ul>
		</span>
		<script>
		$(function(){
			$(".one").mouseover(function(){
				var aaaaa = $(".one").index(this)
				$("img").hide();
				$("img").eq(aaaaa).show();
			});
		});
		</script>
		
	</body>
</html>
